<template>
	<view class="pageList">
		<view class="border-b border-t" style="border-color: #2B2B37;">
			<u-tabs :list="tabs.list" :current="tabs.current" @click="clicktabs" :activeStyle="{color: '#ceb359'}"
			:inactiveStyle="{ color: '#8b8baa' }" :itemStyle="{ height: '44px', width:'320rpx' }" 
			lineColor="#fff" lineWidth="6" lineHeight="6" style="width: 100%;"></u-tabs>
		</view>
		<swiper :current="tabs.current" @change="swiperChange">
			<swiper-item>
				<view class="flex text-xs">
					<!-- 左边 -->
					<view class="flex-1">
						<view class="flex justify-between p-2">
							<view>{{$t('bibi.shuliang')}}</view>
							<view>{{$t('bibi.maijia')}}</view>
						</view>
						<view class="flex justify-between p-2">
							<view class="text-white">0.67130</view>
							<view class="green">103751</view>
						</view>
					</view>
					<!-- 右边 -->
					<view class="flex-1">
						<view class="flex justify-between p-2">
							<view>{{$t('bibi.shuliang')}}</view>
							<view>{{$t('bibi.maijiajia')}}</view>
						</view>
						<view class="flex justify-between p-2">
							<view class="text-white">0.67130</view>
							<view class="red">103751</view>
						</view>
					</view>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="flex justify-between p-2 text-xs">
					<view style="width: 200rpx;">{{$t('bibi.shijian')}}</view>
					<view style="width: 80rpx;">{{$t('bibi.fangxiang')}}</view>
					<view class="text-right" style="width: 190rpx;">{{$t('bibi.jiage')}}</view>
					<view class="text-right" style="width: 190rpx;">{{$t('bibi.shuliang')}}</view>
				</view>
				<view class="flex justify-between p-2 text-xs">
					<view class="text-white" style="width: 200rpx;">06:48:51 AM</view>
					<view class="red" style="width: 80rpx;">賣</view>
					<view class="text-white text-right" style="width: 190rpx;">105498</view>
					<view class="text-white text-right" style="width: 190rpx;">0.007584</view>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		computed: {
			...mapGetters(['userInfo', 'api', 'config']),
		},
		components: {},
		data() {
			return {
				// 分类
				tabs:{
					current:0,
					list:[{name:this.$t('bibi.maimaipan'),index:0},{name: this.$t('bibi.zuixinchengjiao'),index:1}]
				},
				dataList:[],
			}
		},
		onLoad(op) {
			console.log(this.tabs.list);
			
		},
		methods: {
			clicktabs(item) {
				console.log('item', item);
				this.tabs.current = item.index
			},
			swiperChange(data){
				console.log('data', data);
				this.tabs.current = data.detail.current
			}
		}
	}
</script>

<style lang="scss">
</style>